<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">

    <title>实时用户行为分析平台</title>

    <script type="text/javascript" src="./resources/js/contants.js"></script>

    <link href="./resources/css/bootstrap.min.css" rel="stylesheet">
    <link href="./resources/css/font-awesome.min.css" rel="stylesheet">
    <link href="./resources/css/style.min.css" rel="stylesheet">
    <link href="./resources/css/dateRange.css" rel="stylesheet">
    <link rel="stylesheet" href="./resources/css/layer.css" id="layui_layer_skinlayercss" style="">
    <link rel="stylesheet" href="./resources/css/layer.ext.css" id="layui_layer_skinlayercss" style="">
    <link rel="stylesheet" href="./resources/css/style.css" id="layui_layer_skinlayercss" style="">
    <style type="text/css">
        .fixed-nav .slimScrollDiv #side-menu {
            padding-bottom: 60px;
        }
    </style>
</head>

<body class="fixed-sidebar full-height-layout gray-bg  pace-done">
<div id="wrapper">
    <!--左侧导航开始-->
    <nav class="navbar-default navbar-static-side" role="navigation">
        <div class="nav-close">
            <i class="fa fa-times-circle"></i>
        </div>
        <div class="slimScrollDiv" style="position: relative; width: auto; height: 100%; ">
            <div class="sidebar-collapse" style="width: auto; height: 100%; ">
                <ul class="nav" id="side-menu">
                    <li class="nav-header">
                        <div class="dropdown profile-element">
                            <span><img alt="image" class="img-circle" src="./resources/pic/logo.jpg"></span>
                            <a data-toggle="dropdown" class="dropdown-toggle" href="#" aria-expanded="false">
                                    <span class="clear">
                                   <span class="block m-t-xs"><strong class="font-bold">admin</strong></span>
                                    <span class="text-muted text-xs block">超级管理员<b class="caret"></b></span>
                                    </span>
                            </a>
                            <ul class="dropdown-menu animated fadeInRight m-t-xs">
                                <li>
                                    <a href="./login.html">安全退出</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="active">
                        <a class="J_menuItem" href="pages/first_page.html" data-index="0">
                            <i class="fa fa-home"></i>
                            <span class="nav-label">首页</span>
                        </a>
                    </li>

                    <li class="">
                        <a class="J_menuItem" href="pages/ad.html" data-index="70">
                            <i class="fa fa-eye"></i>
                            <span class="nav-label">广告点击流量分析</span>
                        </a>
                    </li>

                    <li class="">
                        <a class="J_menuItem" href="pages/adClickTrend.html" data-index="70">
                            <i class="fa fa-eye"></i>
                            <span class="nav-label">广告点击趋势分析</span>
                        </a>
                    </li>

                    <li class="">
                        <a class="J_menuItem" href="pages/adProvinceTop3.html" data-index="70">
                            <i class="fa fa-eye"></i>
                            <span class="nav-label">各省份top3热门广告分析</span>
                        </a>
                    </li>

                    <li class="">
                        <a class="J_menuItem" href="./pages/areaTop3Product.html" data-index="40">
                            <i class="fa fa-eye"></i>
                            <span class="nav-label">各区域top3热门商品统计</span>
                        </a>
                    </li>

                    <li class="">
                        <a class="J_menuItem" href="pages/pageSplitConvert.html" data-index="70">
                            <i class="fa fa-eye"></i>
                            <span class="nav-label">页面单跳转化率</span>
                        </a>
                    </li>


                    <li class="">
                        <a class="J_menuItem" href="./pages/visitSessionAggrStat.html" data-index="40">
                            <i class="fa fa-eye"></i>
                            <span class="nav-label">用户访问session分析</span>
                        </a>
                    </li>

                    <li class="">
                        <a class="J_menuItem" href="./pages/top10Category.html" data-index="40">
                            <i class="fa fa-eye"></i>
                            <span class="nav-label">Top10热门品类分析</span>
                        </a>
                    </li>

                    <li class="">
                        <a class="J_menuItem" href="./pages/top10Session.html" data-index="40">
                            <i class="fa fa-eye"></i>
                            <span class="nav-label">Top10用户session分析</span>
                        </a>
                    </li>

                </ul>
            </div>
            <div class="slimScrollBar"
                 style="background-color: rgb(0, 0, 0); width: 7px; position: absolute; top: 0px; opacity: 0.4; display: none; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; z-index: 99; right: 1px; height: 344.27390791027153px; background-position: initial initial; background-repeat: initial initial; "></div>
            <div class="slimScrollRail"
                 style="width: 7px; height: 100%; position: absolute; top: 0px; display: none; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; background-color: rgb(51, 51, 51); opacity: 0.9; z-index: 90; right: 1px; background-position: initial initial; background-repeat: initial initial; "></div>
        </div>
    </nav>
    <!--左侧导航结束-->
    <!--右侧部分开始-->
    <div id="page-wrapper" class="gray-bg dashbard-1">
        <div class="row content-tabs">
            <button class="roll-nav roll-left J_tabLeft"><i class="fa fa-backward"></i></button>
            <nav class="page-tabs J_menuTabs">
                <div class="page-tabs-content" style="margin-left: 0px; ">
                    <a href="javascript:;" class="J_menuTab active" data-id="pages/first_page.html">首页<i
                            class="fa fa-times-circle"></i></a>
                </div>
            </nav>
            <button class="roll-nav roll-right J_tabRight"><i class="fa fa-forward"></i></button>
            <button class="roll-nav roll-right dropdown J_tabClose"><span class="dropdown-toggle" data-toggle="dropdown"
                                                                          aria-expanded="false">关闭操作<span
                    class="caret"></span></span>
                <ul role="menu" class="dropdown-menu dropdown-menu-right">
                    <li class="J_tabCloseAll"><a>关闭全部选项卡</a></li>
                    <li class="J_tabCloseOther"><a>关闭其他选项卡</a></li>
                </ul>
            </button>
            <a href="./login.html" class="roll-nav roll-right J_tabExit"><i class="fa fa fa-sign-out"></i> 退出</a>
        </div>
        <div class="row J_mainContent" id="content-main">
            <iframe class="J_iframe" name="iframe0" width="100%" height="100%" src="pages/first_page.html"
                    frameborder="0" data-id="pages/first_page.html" seamless=""></iframe>
        </div>
        <div class="footer">
            <div class="pull-left">© spark</div>
        </div>
    </div>
    <!--右侧部分结束-->
</div>

<!-- 全局js -->

<script type="text/javascript" src="./resources/js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="./resources/js/bootstrap.min.js"></script>
<script type="text/javascript" src="./resources/js/jquery.metisMenu.js"></script>
<script type="text/javascript" src="./resources/js/jquery.slimscroll.min.js"></script>
<script type="text/javascript" src="./resources/js/layer.js"></script>
<script type="text/javascript" src="./resources/js/dateRange.js"></script>

<!-- 自定义js -->
<script type="text/javascript" src="./resources/js/hplus.min.js"></script>
<script type="text/javascript" src="./resources/js/contabs.min.js"></script>

<!-- 第三方插件 -->

<script type="text/javascript" src="./resources/js/pace.min.js"></script>

</body>
</html>